$(function () {

    var page = 1
    getNews(page)
    $('.kr_more').on('click', function () {
        page++
        getNews(page)
    })
    // 获取数据渲染到页面
    function getNews(page) {
        $.ajax({
            method: 'get',
            url: '/api/articles',
            data: {
                pagenum: page,
                pagesize: 6
            },
            success(res) {
                console.log(res);
                if (res.status !== 0) {
                    return layui.layer.msg('数据库已经被掏空,别点了!', {
                        icon: 5
                    })
                }
                var htmlStr = template('tpl', res)
                // console.log(htmlStr);
                $('.kr_news_list').html($('.kr_news_list').html() + htmlStr)
            }
        })
    }

    // 封装一个格式化日期时间的函数
    template.defaults.imports.dateFormat =
        function (dtStr) {
            const dt = new Date(dtStr)

            const y = dt.getFullYear()
            const m = padZero(dt.getMonth() + 1)
            const d = padZero(dt.getDate())

            const hh = padZero(dt.getHours())
            const mm = padZero(dt.getMinutes())
            const ss = padZero(dt.getSeconds())

            return `${y}-${m}-${d} ${hh}:${mm}:${ss}`
        }

    function padZero(n) {
        return n < 10 ? '0' + n : n
    }


    template.defaults.imports.dateFormat1 =
        function (dtStr) {
            const dt = new Date(dtStr)

            const m = padZero(dt.getMonth() + 1)
            return `${m}月`
        }



    template.defaults.imports.dateFormat2 =
        function (dtStr) {
            const dt = new Date(dtStr)

            const d = padZero(dt.getDate())
            return `${d}`
        }

    $('.kr_body').on('click', '.kr_news_list .item h4 a', function () {
        var id = $(this).attr('data-id')
        localStorage.setItem('id', id)

    })

    /* 友情链接 */
    getlink()
    function getlink() {
        $.ajax({
            method: 'get',
            url: '/api/links',
            success(res) {
                // console.log(res);
                if (res.status !== 0) {
                    return layui.layer.msg(res.message, { icon: 5 })
                }
                var htmlStr = template('tpl_link', res)
                console.log(htmlStr);
                $('.kr_collaborator').html(htmlStr)
            }
        })
    }

})